ReactNative 百度地图

您所在的位置:网站首页 react native 百度地图 ReactNative 百度地图

ReactNative 百度地图

2024-07-14 08:42| 来源: 网络整理| 查看: 265

export

default

class BaiDuMapDemo extends Component {

render() {

return (

);

}

}

AppRegistry.registerComponent(

'BaiDuMapDem

o’, () =>

BaiDuMapDemo);

2.Android运行 (1)在settings.gradle中添加以下内容

include

‘:react-native-baidu-map’

project(‘:react-native-baidu-map’)

.projectDir =

new File(settingsDir,

‘…/node_modules/react-native-baidu-map/android’)

(2)在build.gradle中添加:

compile project(':react-native-baidu-map')

(3) 修改MainApplication.Java 文件

添加:new BaiduMapPackage(getApplicationContext())

例如:

@Override

protected List getPackages() {

return Arrays.asList(

new MainReactPackage(),

new BaiduMapPackage(getApplicationContext())

);

}

(4) 修改AndroidMainifest.xml 文件

此文件有2处需要配置:

1)配置各种权限

2)添加com.baidu.lbsapi.API_KEY

完整权限配置:

注意:API_key需要自己去百度地图API申请!

(5)运行

使用命令运行项目:

npm

install

react-

native

run

-android

最后

我见过很多技术leader在面试的时候,遇到处于迷茫期的大龄程序员,比面试官年龄都大。这些人有一些共同特征:可能工作了5、6年,还是每天重复给业务部门写代码,工作内容的重复性比较高,没有什么技术含量的工作。问到这些人的职业规划时,他们也没有太多想法。

其实30岁到40岁是一个人职业发展的黄金阶段,一定要在业务范围内的扩张,技术广度和深度提升上有自己的计划,才有助于在职业发展上有持续的发展路径,而不至于停滞不前。

不断奔跑,你就知道学习的意义所在!

《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!

android:label

=

“@string/app_name”

android:icon

=

“@mipmap/ic_launcher”

android:theme

=

“@style/AppTheme”

>

注意:API_key需要自己去百度地图API申请!

(5)运行

使用命令运行项目:

npm

install

react-

native

run

-android

最后

我见过很多技术leader在面试的时候,遇到处于迷茫期的大龄程序员,比面试官年龄都大。这些人有一些共同特征:可能工作了5、6年,还是每天重复给业务部门写代码,工作内容的重复性比较高,没有什么技术含量的工作。问到这些人的职业规划时,他们也没有太多想法。

其实30岁到40岁是一个人职业发展的黄金阶段,一定要在业务范围内的扩张,技术广度和深度提升上有自己的计划,才有助于在职业发展上有持续的发展路径,而不至于停滞不前。

不断奔跑,你就知道学习的意义所在!

[外链图片转存中…(img-zOmb2tlI-1715269892582)]

[外链图片转存中…(img-I6ksg2Fe-1715269892586)] 《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》,点击传送门,即可获取!



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3